function CourseTable({ courses }) {
    return (
    <table>
        <thead>
        <tr>
            <th>Course ID</th>
            <th>Course Name</th>
            <th>Credits</th>
            <th>Hours</th>
        </tr>
        </thead>
        <tbody>
        {courses.map(course => (
            <tr key={course.course_id}>
                <td>{course.course_id}</td>
                <td>{course.course_name}</td>
                <td>{course.credits}</td>
                <td>{course.hours}</td>
            </tr>
            ))}
        </tbody>
    </table>
    );
}

export default CourseTable;